<!DOCTYPE html PUBLIC '-//W3C//DTD Xhtml 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html>
    <head>
        <title>Current Conditions</title>
		<link href='conditions.css' type='text/css' rel='stylesheet' />
    </head>
    <body>
        <div id='canw-header'>
            <h2 id='canw-name'></h2>
            <h3>As reported by Environment Canada</h3>
        </div>
        <div id='canw-wrapper'>
            <div id='canw-cityobserved' class='box'>
                <table border='0' cellspacing='3'>
                    <tr>
                        <td>Observed at:</td>
                        <td id='canw-station'></td>
                    </tr>
                    <tr>
                        <td>Date:</td>
                        <td id='canw-dateObserved'></td>
                    </tr>
                    <tr>
                        <td>Region:</td>
                        <td id='canw-region'></td>
                    </tr>
                </table>
            </div>
            <div id='canw-current' class='box'>
                <table border='0' cellspacing='3'>
                    <tr>
                        <th>Currently</th>
                    </tr>
                    <tr>
                        <td>Temperature:</td>
                        <td id='canw-temperature' width='33%'></td>
                        <td>Condition:</td>
                        <td id='canw-condition' width='38%'></td>
                    </tr>
                    <tr>
                        <td>Pressure:</td>
                        <td id='canw-pressure' width='33%'></td>
                        <td>Dewpoint:</td>
                        <td id='canw-dewpoint' width='38%'></td>
                    </tr>
                    <tr>
                        <td>Visibility:</td>
                        <td id='canw-visibility' width='33%'></td>
                        <td>Humidity:</td>
                        <td id='canw-humidity' width='38%'></td>
                    </tr>
                    <tr>
                        <td>Wind:</td>
                        <td id='canw-wind' width='33%'></td>
                        <td>Humidex:</td>
                        <td id='canw-humidex' width='38%'></td>
                    </tr>
                    <tr>
                        <td>Wind chill:</td>
                        <td id='canw-windchill' width='33%'></td>
                        <td name='warnings'>Warnings:</td>
                        <td id='canw-warnings' width='38%'></td>
                    </tr>
                </table>
            </div>
            <div id='canw-forecast' class='box'>
                <table id='canw-forecastTable' border='0' cellspacing='3'>
                    <tr>
                        <th>Forecast</th>
                    </tr>
                    <tr>
                        <td>Issued:</td>
                        <td id='canw-dateIssued'></td>
                    </tr>
                </table>
            </div>
        </div>
        <input id='canw-buttonOk' type='button' value='Exit' />
    </body>
</html>